<template>
  <div class="shop-box">
    <div class="header">
      <van-row class="tc">
        <van-col span="8">
          <img src="http://gw1.alicdn.com/bao/uploaded/c4/13/TB1etCbSpXXXXcsXXXXSutbFXXX.jpg_80x80.jpg" alt="">
        </van-col>
        <van-col span="16" class="tl">
          <van-col  span="24" class="tr">
            <van-button size="mini" class="mr-20">关注</van-button>
          </van-col>
          <van-col span="24" class="mt-10">Apple Store 官方旗舰店</van-col>
          <van-col span="24"><span class="mr-5">销量:1111</span>|<span class="ml-5">收藏:1111</span></van-col>
        </van-col>
      </van-row>
    </div>
    <van-tabs>
      <van-tab v-for="(item,key) in shopNav" :title="item" :key="key">
      </van-tab>
    </van-tabs>
    <div class="tab-box">
      <goodslist></goodslist>
    </div>
  </div>
</template>

<script>
import {
  Tag,
  Col,Row,
  Icon,
  Cell,
  CellGroup,Tabs,Tab,Button
} from 'vant';
import goodslist from '../goods/list.vue'
export default {
  components: {
    [Tag.name]: Tag,
    [Row.name]: Row,
    [Col.name]: Col,
    [Icon.name]: Icon,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Tabs.name]: Tabs,
    [Tab.name]: Tab,
    [Button.name]:Button,
    goodslist
  },

  data() {
    return {
      shopNav:['全新商品','店铺信息'],
      tabIndex:0,
    };
  },

  methods: {
    formatPrice() {
      return '¥' + (this.goods.price / 100).toFixed(2);
    }
  }
};
</script>

<style lang="less">

</style>